<style type="text/less">
    @import "/web/public/public.less";
    #logo.course{
        .input_mimicry{
            display: none;
            width:100%;
            border-radius: 6px;
            height: 30px;
            overflow: hidden;
            margin-top: 30px;
            background: #f0f0f0;
            i{
                font-size: 14px;
                line-height: 30px;
                margin-left:4px;
                cursor: pointer;
            }
            input{
                width: 74px;
                font-size: 16px;
                margin-left: 5px;
            }
        }
        .btn_wrap{
            display: none;
            width: 100%;
            margin-top: 20px;
            .btn_center{
                border: solid 1px #4a87e4;
                text-align:center;
                margin-bottom: 10px;
                cursor: pointer;
                &:hover{
                    opacity: .8;
                }
                span{
                    font-size: 16px;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 40px;
                    letter-spacing: 1px;
                    color: #4a87e4;
                }
                i{
                    color: #4a87e4;
                    font-size: 18px;
                }
            }
        }
        .logo{
            width: 92px;
            height: 92px;
            box-shadow:#dbdbdb 1px 1px 6px;
            margin: 20px 0 0 11px;
        }
    }
</style>
<script src="/web/lib/less.min.js"></script>
<#if channel.channelStatus == 1>
    <div id="logo" class="course">
        <a href="${channel.channelUrl}" rel="nofollow" target="_blank">
            <img class="logo" src="${channel.siteLogo}"/>
        </a>
    </div>
</#if>